Header

CSS Template using Flexbox

Note: Flexbox is not supported in Internet Explorer 10 and earlier versions.


Column 1

CSS Template using Flexbox


In this example, we have created a header, three unequal columns and a footer. On smaller screens, the columns will stack on top of each other. Resize the browser window to see the responsive effect.

Note: Flexbox is not supported in Internet Explorer 10 and earlier versions.


Column 2

CSS Template using Flexbox


In this example, we have created a header, three unequal columns and a footer. On smaller screens, the columns will stack on top of each other. Resize the browser window to see the responsive effect.


CSS is fun!

Note: Flexbox is not supported in Internet Explorer 10 and earlier versions.



CSS Template using Flexbox


In this example, we have created a header, three unequal columns and a footer. On smaller screens, the columns will stack on top of each other. Resize the browser window to see the responsive effect.

Note: Flexbox is not supported in Internet Explorer 10 and earlier versions.


Column 3

CSS Template using Flexbox


In this example, we have created a header, three unequal columns and a footer. On smaller screens, the columns will stack on top of each other. Resize the browser window to see the responsive effect.

Note: Flexbox is not supported in Internet Explorer 10 and earlier versions.